﻿@charset "utf-8";
/* CSS Document */

@import "https://fast.fonts.net/t/1.css?apiType=css&projectid=b302d33b-ca08-4679-80ca-b2c68d617ac0";

@font-face {
    font-family: "Neo Sans W01 Light734947";
    src: url("../fonts/681fbcbc-1907-441a-893a-fc00ecea0267.eot?#iefix") format("eot"), url("../fonts/e0bd859d-12b1-41c1-9b67-003688d01609.woff2") format("woff2"), url("../fonts/a21a792c-051c-4059-8719-ecc8749c99a6.woff") format("woff"), url("../fonts/feee8e94-28a0-416a-88d3-db3912effbc4.ttf") format("truetype"), url("../fonts/be444bf4-2ebe-416a-baa3-b19910fb06ba.svg#be444bf4-2ebe-416a-baa3-b19910fb06ba") format("svg");
}

@font-face {
    font-family: "Neo Sans W01";
    src: url("../DlkPage/css/font/Neo Sans Std Regular.otf?v=1") format("opentype");
}

@font-face {
    font-family: "Neo Sans W01 Medium";
    src: url("../fonts/85c8556d-8a76-4037-a2e2-0f5fd9dabc03.eot?#iefix") format("eot"), url("../fonts/f056e9e7-3bb5-4f21-b861-ed2a47a0700b.woff2") format("woff2"), url("../fonts/b0eddbbb-9e8e-4e08-bde1-965bb945f73a.woff") format("woff"), url("../fonts/b2931674-c992-42a0-aa22-e9cb15d3383d.ttf") format("truetype"), url("../fonts/af9d27b2-3ca0-47ca-8d5d-4c4665df6305.svg#af9d27b2-3ca0-47ca-8d5d-4c4665df6305") format("svg");
}


/*.ui-widget-header {
        background-color: #00bfff;
        border: 1px solid #ccc;
    }
    .ui-widget-overlay{
        opacity:0.70;
        filter:Alpha(Opacity=70);
    }

.ui-dialog .ui-dialog-titlebar-close {
    
    background-image:url('../img/Close_image.jpg');
}*/

/*Interlink: Custom */
._off, *[data-showing="false"] {
    display: none !important;
}

.main-header {
    /*position: fixed;*/
    width: 100%;
}

.wrapper {
    /*width: 98%;*/
    /*margin: 4px auto 10px auto;
    box-shadow: 1px 1px 15px #888;
    border-radius:4px;*/
    /*padding-top: 4.5%;*/
    padding-top: 0%;
}

#loading {
    font-size: 14px;
    text-align: center;
    position: fixed;
    /*top: 150px;*/
    top: 0px; /*Kept 0 to ignore white space below menu on scroll - Ravi*/
    left: 0px;
    right: 0px;
    margin: auto;
    width: 100%;
    height: 100%;
    /*background: black url(/dist/img/ICON-36-animation.gif) no-repeat center 80px;*/
    /*background: black url(/dist/img/ICON-36-animation.gif) no-repeat center 40% !important;*/
    color: white;
    opacity: 0.5;
    /*z-index: 150;*/
    z-index: 9999 !important;
}

.container .mainItem {
    min-height: 650px;
}

#loading span {
    display: inline-block;
    /*margin-top: 140px;*/
    margin-top: 22% !important;
    line-height: 20px;
}

    #loading span b {
        font-size: 22px;
        font-weight: normal;
    }

    #loading span i {
        font-style: normal;
    }

body {
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: "Neo Sans W01" !important;
    color: #595654;
    font-weight: 300;
    font-size: 1.6rem;
    overflow-x: hidden;
    overflow-y: auto;
}

a {
    color: #21B6D7;
    text-decoration: none;
}

    a:focus, a:hover {
        color: #21B6D7;
        text-decoration: underline;
    }

    a:hover, a:active, a:focus {
        outline: none;
        color: #21B6D7;
        text-decoration: underline;
    }

.btn-link {
    color: #21B6D7;
    font-weight: 400;
}

    .btn-link:focus, .btn-link:hover {
        background-color: transparent;
        color: #21B6D7;
        text-decoration: underline;
    }
/* --- Header --- */
.main-logo {
    width: 300px;
    height: 60px;
    width: 260px;
}

/* Mobile Header */
@media (max-width: 480px) {
    .home-top-mar {
        margin-top: 50px;
    }

    .navMargin {
        background-color: #fff;
        margin-bottom: 160px;
    }

    .navbar-collapse.in {
        overflow-y: inherit;
    }

    .navbar-collapse.in {
        overflow-y: inherit;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
        margin-top: 20px;
        overflow-x: visible;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 25px;
    }

    .content-header {
        padding: 50px 15px 0;
        position: relative;
    }

    .loginBoxLnks {
        line-height: 90%;
        margin-right: 10px;
        margin-bottom: 5px;
        margin-top: 10px;
        text-align: right;
    }
}

.skin-blue .main-header .navbar {
    background-color: #FFC700 !important;
    border-top-width: 6px;
    border-top-style: solid;
    border-top-color: #000;
}

.box.box-info {
    border-top-color: #FFC700 !important;
}

.content-header > .breadcrumb > li > a {
    color: #000 !important;
    display: inline-block;
    text-decoration: none;
}
/*Login */
.login-text {
    color: #000 !important;
    font-size: 24px;
    font-weight: bold;
    height: 40px;
    /*margin-top: 10px;*/
}

.loginBox {
    color: #FFF;
    line-height: 98%;
}

a.loginBoxLnk:link {
    color: #FFF;
    font-size: 10px;
}

a.loginBoxLnk:visited {
    color: #FFF;
    font-size: 10px;
}

a.loginBoxLnk:hover {
    color: #FFF;
    text-decoration: underline;
    font-size: 10px;
}
/* Removed dropdown added styles */
.loginBoxLnks {
    margin-top: 10px;
    text-align: right;
    margin-right: 10px;
    line-height: 90%;
}

a.loginBoxLnks:link {
    color: #000;
    font-size: 13px;
    text-align: right;
}

a.loginBoxLnks:visited {
    color: #000;
    font-size: 13px;
    text-align: right;
}

a.loginBoxLnks:hover {
    color: #000;
    text-decoration: underline;
    font-size: 13px;
    text-align: right;
}

a.loginBoxLnksBg:link {
    margin-right: 10px;
    color: #000;
    font-size: 14px;
    text-align: right;
}

a.loginBoxLnksBg:visited {
    color: #000;
    font-size: 14px;
    text-align: right;
}

a.loginBoxLnksBg:hover {
    color: #000;
    text-decoration: underline;
    font-size: 14px;
    text-align: right;
}

.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
    background-color: #F8F8F8 !important;
    border-bottom-color: #fff !important;
    border-left-color: #ddd;
    border-right-color: #ddd;
    border-top-color: #ddd;
    color: #000 !important;
}

.btn-primary {
    color: #FFF;
    background-color: #21B6D7;
    border-color: #21B6D7;
}

    .btn-primary.hover, .btn-primary:active, .btn-primary:hover {
        background-color: #1C97B0;
        border-color: #1C97B0;
    }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #21B6D7 !important;
    border-color: #21B6D7 !important;
}

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        background-color: #21B6D7 !important;
        border-color: #21B6D7 !important;
        color: #fff;
        cursor: default;
        z-index: 3;
    }

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: #eee;
    border-color: #ddd;
    color: #21B6D7;
    z-index: 2;
}
/*.alert-warning {
    background-color: #fcf8e3!important;
    border-color: #faebcc!important;
    color: #8a6d3b!important;
}*/

/* Form Page
.form-signin {
	max-width: 490px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 60px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.form-signin .form-signin-heading, .form-signin .checkbox {
	color: #000!important;
	margin-bottom: 10px;
}
.form-signin .checkbox {
	font-weight: normal;
}
.form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
}
.form-signin .form-control:focus {
	z-index: 2;
}
.form-signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.btn-primary {
	color: #000!important;
	background-color: #F5F5F5!important;
	border-color: #F5F5F5!important;
}
.btn-primary.focus, .btn-primary:focus {
	background-color: #21B6D7!important;
	border-color: #21B6D7!important;
	color: #fff!important;
}
.btn-primary:hover {
	background-color: #21B6D7!important;
	border-color: #21B6D7!important;
	color: #fff!important;
}
.spacin {
 font-size: .6rem !important;
	margin-bottom: 20px;
}
.btn-primary.focus, .btn-primary:focus {
	background-color: #21B6D7!important;
	color: #fff;
}
*/



/* --- Navigation --- */

/* Override user dd font color */
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    color: #595654 !important;
    font-size: 18px !important;
    margin-top: 10px;
    z-index: 5;
}

/*Login padding for header*/
@media (max-width: 767px) {
    .navMargin {
        margin-bottom: 148px;
        background-color: #FFF;
    }
}
/* Overrides for Nav */
.navbar-brand {
    float: left;
    font-size: 17px;
    height: 70px !important;
    line-height: 20px;
    padding-top: 12px;
    padding-left: 10px;
}

.intlinkLogo {
    margin-top: 10px;
    /* display: none;*/ /*rebrand*/
}

.visible-lg {
    display: none !important;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px !important;
}
/* Adjust for login Page*/
.intlinkLogoLogin {
    margin-top: 10px;
    margin-right: 20%;
}

.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
    color: #FFF !important;
    background-color: transparent !important;
}

.dropdown-menu {
    border-radius: 0px !important;
}

.navbar-nav > li > a {
    padding-bottom: 12px !important;
    padding-top: 12px !important;
    color: #000;
}

.navbarColor {
    font-size: 18px;
    color: #000;
    background-color: #F8F8F8;
}

.navbar-nav .open .dropdown-menu {
    background-color: #FFF !important;
}
/*Sprite Nav Icons*/
.sprite {
    /*background-image: url(../img/navIcons.png);*/
    /* background-image: url(dist/img/navIcons.png); */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABDCAYAAADHyrhzAAAFfUlEQVR4nO2bP0gjTRjGf7lAULDwioCVpLBJZZHyijQHgpUgBzZ2VlaWaQSLa/yaa6yCRZorLIJVChvLVBZWFmITMJBCSBFCIAj3Fe+77uxkZ7ObaP4/MBy3O7M782Tef8+ssIITP4FOCv4laUBHxwYQZ+waa7k11nIx3zMKfgPnwK+kAzv60jegFbP1dEx3Bsm4MMa2gKrRboE950gd+JrgZcWoyc4SGY7nnUWSAbw4br8Al8tMRgs40ms9YNsakgMugLcZIOME2AXSLjLIjEfGtV4LI8LEy5TJONU5dpAfx0NlyPNOk5ABYhrbRps1Mja892ufJrCl94rIr38BPOpazoxWTEoGSkIPuJ9BMjJA2+jTBvJWHy+8xkcIGX0kBPWA54ih0zaTG53rO3AHbBr38kAdf7fEQwgZR3otighwkOEtNKohDi8ds68L68ADYgpZ43oGIedk6OJtOMzkh/57rS0MkybjCNkJbWOh99oyRr9DhIzkCCHjFvEXXlQ5cgydqJmk4NVymFld9D2+iWzp/Hf12jlQIm5aHkLGM9AfQsTEyQBalsPcAWpKhviG7/yHnySWjP5PxPEfDjN5GELENMi4VhLegQbiM26Q3bGD7IYqfipQssirEaxRYpMRB9OIJkXEJ1SAv7qwGlDQ/5tOs5TguXNJhocMcJaSAvMJuELMZcPr8A3+LAsZ6MJb2qevZOSQLLPOEI3GSUYqWQnvjXudMhk75oKVkCYSACpIJDknmIqbLRSjiDtexdqZIhk5gil5H9hHHOvImGfZ7xCJLM+MIPGtsMJywBN4HklaoS4YMojTLCIJl63Vzg0yyK/6gF8HNZDkKUpqNLGBpOZnSI5x9QXz/HJsAnUjIt0hNYaXxLUJiVLAgdE8wbqOKFplHVe2+hXiTqqaNJxGhL9qAjLudUyFoDoFcIwv8u6YNxzvzBntJ7rLjD6VuJPqfSIZvZjv3NP+tYg+x9rnr00GsoNAdkPD0baAXFIy9pCyuDJmuybqyC6IK52kW6EWNJGM+AMJF+ciI4uY1kzgVic5zEl6pvSBTyAjgzjaNuK4A8gSdDbjtCzxMO7OuAnvPgCbjDQSbbyaqmUPaHyiz2jEnOR+DJ/hqfNhPsN1hmPDJuOYYFE3oHRNgwzww2oFQ4xR/EKccZeQaJLgPR4Z14jS/2LMt8HggdNEzSSNlNcljCiGr03eAE9G7jHgkI0xdjgOJQOpZPes93V0DlPDOlCzCCggmeMj8G7YcRlZyACM8fsht7eRxZcRYXgd2Vl31g5+wqF3TCK0bqKRwZhQWGizzWUAxvhyyO07I995RJxljeCuaBGRkX510pUFHkL6jiTCWDvLJq9uLbxH0GH2GFK7fGU6voX6AKPPO+LVR4L1LFvD3ESiT9sxvwemWOLbptFHHO3IsJ7XRr6/MJtXsDWtvp1x3z0WQkworAod+ZkRO7SJHCT1jWtVggfTk8U3+IOYxRP+if64cEn+divgf5/RY8kVMA95QpKrFVZY4UtwlZJCroGEqgbilePUBQuFNBKz+4hHriJe+ZYlJAOkyGmhNYfujORfzy0ICggZB8B6Sj5ZcH9zveAoILLbIbCxImNFxgc8M1mRgaSxb8gx3iZ+AbSUOML/MicNNLX4WjqsI9JZHf8vfC6RnbJ0hc+Z6gCeBpFByvAu4frjwiKL+AdTL9xCdkYJMZ3P0idmHr91V5wi2ecBolteAieGcpR2P2IxkEcFVWQHdBDT6KrzPEZ2TZ/4p+5ziTR6KByiK3aRnZLHP/WqEeOsY15RALoOMiqIltmxri/sR6jFCNW5QciBE1F/HzrnyCBnDy8p+UC+YYg7LePaq14rswTaxg5iMruO5snwCx9NVlh2/A+ZhmM6vcMGtgAAAABJRU5ErkJggg==);
    display: block;
}

.sprite-audit {
    width: 20px;
    height: 20px;
    background-position: -1px -1px;
    margin-right: 4px;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    float: left;
}

.sprite-dash {
    width: 20px;
    height: 20px;
    background-position: -23px -1px;
    margin-right: 4px;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    float: left;
}

.sprite-home {
    width: 20px;
    height: 20px;
    background-position: -1px -23px;
    margin-right: 4px;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    float: left;
}

.sprite-inspect {
    width: 20px;
    height: 20px;
    background-position: -23px -23px;
    margin-right: 4px;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    float: left;
}

.sprite-protocol {
    width: 20px;
    height: 20px;
    background-position: -45px -1px;
    margin-right: 4px;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    float: left;
}

.sprite-reg {
    width: 20px;
    height: 20px;
    background-position: -45px -23px;
    margin-right: 4px;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    float: left;
}

.sprite-test {
    width: 20px;
    height: 20px;
    background-position: -1px -45px;
    margin-right: 4px;
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    float: left;
}
/* Login page Sprites*/

.login-sprite {
    /* background-image: url(../img/loginIcons.png);*/
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    display: block;
}

.sprite-blogHeader {
    width: 32px;
    height: 32px;
    background-position: -5px -5px;
    float: left;
}

.sprite-insightHeader {
    width: 32px;
    height: 32px;
    background-position: -47px -5px;
    float: left;
}

.sprite-productsNewsHeader {
    width: 32px;
    height: 32px;
    background-position: -5px -47px;
    float: left;
}

.sprite-seminarsTrainingsHeader {
    width: 32px;
    height: 32px;
    background-position: -47px -47px;
    float: left;
}

.sprite-vidHeader {
    width: 32px;
    height: 32px;
    background-position: -89px -5px;
    float: left;
}

.sprite-faq {
    width: 32px;
    height: 32px;
    background-position: -89px -47px;
    float: left;
}
/* Login/Home Page*/
.top-mar {
    margin-top: 50px;
}

.home-top-mar {
    margin-top: 20px;
}

.login-text {
    color: #21B6D7;
    font-size: 24px;
    font-weight: bold;
    height: 40px;
    margin-top: 10px;
}

.login-tile-text {
    padding-top: 2px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin-left: 40px;
}

a.login-tile-text:link {
    color: #000;
    text-decoration: none;
    margin-left: 0px;
}

a.login-tile-text:visited {
    color: #000;
    text-decoration: underline;
    margin-left: 0px;
}

a.login-tile-text:hover {
    color: #000;
    text-decoration: underline;
    margin-left: 0px;
}

.top-mar {
    margin-top: 50px;
}

.login-tile-text-body {
    font-size: 14px;
}

.text-light-blue {
    color: #21B6D7 !important;
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #21B6D7 !important;
}

a:hover, a:active, a:focus {
    color: #21B6D7;
    outline: medium none;
    text-decoration: underline;
}

.thumbnail {
    border-radius: 0px !important;
}
/* Tabs*/
.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
    color: #000 !important;
    background-color: #F8F8F8 !important;
    border-top-color: #ddd;
    border-right-color: #ddd;
    border-bottom-color: #FFF !important;
    border-left-color: #ddd;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #F8F8F8 !important;
    color: #000;
}

.nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    line-height: 1.42857;
    margin-right: 0px;
}

.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #ddd;
}

.nav-tabs-custom > .nav-tabs > li {
    border-top: 1px solid transparent;
    margin-bottom: -2px;
}

.nav-tabs-custom .dropdown.open > a:active, .nav-tabs-custom .dropdown.open > a:focus {
    background-color: transparent !important;
    color: #999;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #F8F8F8 !important;
    color: #000;
}

.nav-tabs-custom .dropdown.open > a:active, .nav-tabs-custom .dropdown.open > a:focus {
    background: transparent !important;
    background-color: transparent !important;
    color: #999;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}

.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
    background-color: transparent !important;
    color: #f6f6f6;
}
/* --- Page Content --- */
.box {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 0px !important;
    border-top: 3px solid #d2d6de;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
/* Override breadcrumb */
.pageHdr {
    font-family: "Neo Sans W01";
    font-size: 30px;
    line-height: 145%;
    color: #595654;
    font-weight: 300;
}

.content-header > .breadcrumb {
    background: transparent none repeat scroll 0 0;
    border-radius: 2px;
    float: none !important;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 7px 5px;
    position: static !important;
    right: 10px;
    top: 15px;
}

    .content-header > .breadcrumb > li > a {
        color: #21B6D7 !important;
        display: inline-block;
        text-decoration: none;
    }

        .content-header > .breadcrumb > li > a:hover {
            color: #21B6D7 !important;
            display: inline-block;
            text-decoration: underline !important;
        }

    .content-header > .breadcrumb > li + li::before {
        content: "/ ";
    }
/* Override MAIN body color */
.content-wrapper, .right-side {
    background-color: #FFF !important;
}
/* Main Page Text */

.panel-title {
    color: #000;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
}

.mainpg-textHdr {
    font-family: "Neo Sans W01";
    font-size: 30px;
    line-height: 145%;
    color: #595654;
    font-weight: 300;
    margin-top: 10px;
}

.mainpg-text {
    font-family: "Neo Sans W01";
    font-size: 20px;
    line-height: 145%;
    color: #8a8887;
    font-weight: 300;
}

.list-group-item:first-child {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.list-group-item:last-child {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.text-pad {
    padding: 6px;
}
/* Profile Image Upload Style*/
.upload {
    position: relative;
    display: inline-block;
}

    .upload label {
        color: #5F626A;
        cursor: pointer;
        width: 128px;
        height: 200px;
        position: relative;
        display: block;
        border-radius: 10px;
        overflow: hidden;
        transition: background ease .5s;
    }

.input-file {
    opacity: 0; /*This*/
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.add-image {
    display: block;
    width: 100%;
    margin: 30px auto;
    text-align: center;
    font-size: 11px;
}
/* iframe Styles */
.iframeMe {
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
}

.loadCenter {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.embed-responsive {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    height: 700px; /* Fallback for old browsers */
    height: calc(100vh - 174px);
    width: 100%;
}

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        border: 0 none;
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
/* --- Button Focus --- */
/*primary*/
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #1C97B0 !important;
    border-color: #1C97B0 !important;
}
/*success*/
.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #1C9068 !important;
    border-color: #1C9068 !important;
}

toggle.btn-success {
    color: #fff;
    background-color: #1C9068;
    border-color: #1C9068;
}
/*info*/
.btn-info.focus, .btn-info:focus {
    color: #fff;
    background-color: #006C7F !important;
    border-color: #006C7F !important;
}
/*warning*/
.btn-warning {
    background-color: #f0ad4e !important;
    border-color: #eea236 !important;
    color: #fff !important;
}

    .btn-warning:hover {
        background-color: #ec971f !important;
        border-color: #d58512 !important;
        color: #fff !important;
    }
/* --- Alerts --- */
.alert-success {
    background-color: #EBF6F2 !important;
    border-color: #31A57D !important;
    color: #31A57D !important;
}
/*default bs warning*/
.alert-warning {
    background-color: #fcf8e3 !important;
    border-color: #faebcc !important;
    color: #8a6d3b !important;
}

.alert-info {
    background-color: #E8F8FB !important;
    border-color: #21B6D7 !important;
    color: #21B6D7 !important;
}

.alert-danger {
    background-color: #FBEAED !important;
    border-color: #D42B43 !important;
    color: #d42b43 !important;
}
/* --- Misc --- */
.iecon {
    display: none;
}
/* --- Footer --- */
.footerLink {
    margin-left: 30px;
    color: #595654;
    font-size: 12px;
}

    .footerLink a:link {
        color: #595654;
        text-decoration: none;
    }

    .footerLink a:visited {
        color: #595654;
        text-decoration: underline;
    }

    .footerLink a:active {
        color: #595654;
        text-decoration: underline;
    }

    .footerLink a:hover {
        color: #595654;
        text-decoration: underline;
    }

.skin-blue .main-header .navbar .nav > li > a {
    color: #ffffff;
}

    .skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
        background-color: #4774A2;
        color: #f6f6f6;
    }

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #ffffff;
}

    .skin-blue .main-header .navbar .sidebar-toggle:hover {
        color: #f6f6f6;
        background: rgba(0, 0, 0, 0.1);
    }

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #fff;
}

    .skin-blue .main-header .navbar .sidebar-toggle:hover {
        background-color: #4774A2;
    }

@media (max-width: 767px) {
    .skin-blue .main-header .navbar .dropdown-menu li.divider {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .wrapper {
        padding-top: 31.5%;
    }

    .skin-blue .main-header .navbar .dropdown-menu li a {
        color: #fff;
    }

        .skin-blue .main-header .navbar .dropdown-menu li a:hover {
            background-color: #4774A2;
        }
}

.skin-blue .main-header .logo {
    background-color: #4774A2;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue .main-header .logo:hover {
        background-color: #4774A2;
    }

.skin-blue .main-header li.user-header {
    background-color: #ebebeb !important;
    color: #444;
}

.skin-blue .content-header {
    background-color: #FFF;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #222d32;
}

.skin-blue .user-panel > .info, .skin-blue .user-panel > .info > a {
    color: #fff;
}

.skin-blue .sidebar-menu > li.header {
    color: #4b646f;
    background: #1a2226;
}

.skin-blue .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    color: #ffffff;
    background: #1e282c;
    border-left-color: #3c8dbc;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.skin-blue .sidebar a {
    color: #b8c7ce;
}

    .skin-blue .sidebar a:hover {
        text-decoration: none;
    }

.skin-blue .treeview-menu > li > a {
    color: #8aa4af;
}

    .skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover {
        color: #ffffff;
    }

.form-control:focus {
    border-color: #000;
    box-shadow: none;
}

.skin-blue .sidebar-form {
    border-radius: 0px !important;
    border: 1px solid #374850;
    margin: 10px 10px;
}

    .skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn {
        box-shadow: none;
        background-color: #374850;
        border: 1px solid transparent;
        height: 35px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .skin-blue .sidebar-form input[type="text"] {
        color: #666;
        border-top-left-radius: 2px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 2px;
    }

        .skin-blue .sidebar-form input[type="text"]:focus, .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .skin-blue .sidebar-form .btn {
        color: #999;
        border-top-left-radius: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 0;
    }

.skin-blue.layout-top-nav .main-header > .logo {
    background-color: #3c8dbc;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue.layout-top-nav .main-header > .logo:hover {
        background-color: #3b8ab8;
    }
/*Data Tables*/

/* Data Table Icon Overrides  */
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    font-size: 26px !important;
    top: 14px;
    left: 4px;
    height: 32px !important;
    width: 32px !important;
    display: block;
    position: absolute;
    color: #D6D6D6 !important;
    border: 0px solid white !important;
    border-radius: 0px !important;
    box-shadow: 0 0 0px !important;
    box-sizing: content-box;
    text-align: left;
    font-family: 'Courier New', Courier, monospace;
    text-indent: 4px;
    line-height: 20px !important;
    content: '+';
    background-color: transparent !important;
    font-weight: bold !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    color: #999999 !important;
    font-weight: bold !important;
    content: '-';
    background-color: transparent !important;
}
